<template>
  <QupList :column="3" sep="：" default-value="" label-position="right" label-width="130">
    <QupListItem label="客户编码" :value="detail.customerCode" />
    <QupListItem label="客户名称" :value="detail.customerName" />
    <QupListItem label="客户经营类型" :value="detail.businessTypeName" />
    <QupListItem label="经销商联系电话" :value="detail.contactPhone" />
    <QupListItem label="是否有电商配送权限" :value="detail.isElecBusiniess" dict-type-code="BOOLEANS" :prop-enum="{domainCode:'marketing',appCode:'slm'}" />
    <QupListItem label="客户经营总面积" :value="`${detail.operateArea || 0}㎡`" />
    <QupListItem label="所属办事处" :value="detail.officeName" />
    <QupListItem label="办事处类型" :value="detail.officeTypeName" />
    <QupListItem label="办事处负责人" :value="detail.personName" />
    <QupListItem label="客户经理" :value="detail.receiveManagerCode?`${detail.receiveManagerName}(${detail.receiveManagerCode}`:''" />
    <QupListItem label="客户经理类型" :value="detail.receiveManagerTypeName" />
    <QupListItem label="客户经理电话" :value="detail.receiveManagerTel" />
  </QupList>
</template>
<script>
export default {
  name: 'CustomerBaseInfoView',
  props: {
    detail: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>
